<!--Progress Bars Start--> 
<div class="span4 grid-transparent">
    <div class="summary-title">Progress Bars</div>
    <div class="content-progressbars">
        <!--bar #1--><div class="p-headway"><div class="p-advance" style="width:40%;"></div><span>40%</span></div><!--bar #1 end-->
        <!--bar #2--><div class="bar-2">
            <div class="bar-2-left">76 MB</div>
            <div class="bar-2-center"><div class="p-headway-min"><div class="p-advance-min blue-bar" style="width:40%;"></div></div></div>
            <div class="bar-2-right">Email</div>
        </div>
        <div class="clear"></div>
        <!--bar #2 end-->  
    </div>

    <div class="grid-transparent">
        <div class="summary-title">Disk Space Usage</div>
        <div class="content-progressbars">
            <!--bar #1--><div class="p-headway"><div class="p-advance" style="width:67%;"></div><span>67%</span></div><!--bar #1 end-->
            <!--bar #2--><div class="bar-2">
                <div class="bar-2-left">54 MB</div>
                <div class="bar-2-center"><div class="p-headway-min"><div class="p-advance-min blue-bar" style="width:40%;"></div></div></div>
                <div class="bar-2-right">Video</div>
            </div>
            <div class="clear"></div>
            <!--bar #2 end-->  
            <!--bar #3--><div class="bar-2">
                <div class="bar-2-left">81 MB</div>
                <div class="bar-2-center"><div class="p-headway-min"><div class="p-advance-min blue-bar" style="width:40%;"></div></div></div>
                <div class="bar-2-right">Photo</div>
            </div>
            <div class="clear"></div>
            <!--bar #3 end--> 
            <div class="all-text-progress"><strong>148 MB</strong> from <strong>15 GB</strong> used</div>
        </div>
    </div>
</div> 
<!--Progress Bars END-->
